<template>
	<view>
		<!-- 投资立项审核 -->
		<view class="head_tb">
			<u-tabs :activeStyle="{
						 fontSize:'32rpx',
						 color: '#007aff'
			         }" :inactiveStyle="{
						 fontSize:'30rpx'
			         }" :scrollable='false' :lineWidth='30' itemStyle='height:90rpx;width:33%' :list="list1" @click="checkbtn">
			</u-tabs>
		</view>
		<!-- 基本信息 -->
		<view class="msp">
			<CellChild :addlist='addlist' :rows='rows' title='基本信息' :fileNo = 'fileNo' id='add_one'>
				<!-- <template #fj>
					<view class="bod_cost" v-if="rows.files!=''">
						<view class="bus">
							<span>附件</span>
						</view>
						<view v-for="(r,index) in rows.files">
							<p style='color: rgb(19,140,222);'>{{r.fileName}}</p>
						</view>
					</view>
				</template>
				<template #fj>
					<view class="bod_cost" v-if="!!rows.fileNameList">
						<view class="bus">
							<span>附件</span>
						</view>
						<p v-for="(item,index) in rows.fileNameList" style='color: rgb(19,140,222);'>
							<span>{{item}}</span>
						</p>
					</view>
				</template> -->
			</CellChild> 
		</view>

		<!-- 项目信息 -->
		<view class="formcard" id="add_two">
			<view class="bodtitle">
				<p><b>项目信息</b></p>
			</view>
			<view v-for="(item,index) in arrlist">
				<Expandlist :cellshows='cellshow' :arrcell='item' :celllist='celllist' :title='item.budgetNo'>
					<template #text>
						<p class='solts'><label class="solts_label">￥</label><span class="solts_span" v-money>{{item.budgetAmount}}</span></p>
					</template>
				</Expandlist>
			</view>
		</view>

		<!-- 子项目明细 -->
		<view class="formcard" id="add_three" v-if="childlist.length != 0">
			<view class="bodtitle">
				<p><b>子项目明细</b></p>
			</view>

			<view v-for="(item,index) in childlist">
				<Expandlist :cellshows='cellshow' :arrcell='item' :celllist='celllist1' :title='item.subProName'>
					<template #text>
						<p class='solts'><label class="solts_label">￥</label><span class="solts_span" v-money>{{item.budgetAmount}}</span></p>
					</template>
					<template #list>
						<view class="bod_cost"
							style="background-color: #f7fbff;border: 1px solid white;">
							<view class="bus">
								<p style='color: #666666'>付款计划日期</p>
							</view>
							<view>
								<p v-for="(r,index) in item.subInfoPayEntityList" class='bodcolors' style='word-break:break-all ;' >{{r.payDate}}</p>
							</view>
						</view>
						<view class="bod_cost"
							style="background-color: #f7fbff;border: 1px solid white;">
							<view class="bus">
								<p style='color: #666666'>付款计划金额</p>
							</view>
							<view>
								<p v-for="(r,index) in item.subInfoPayEntityList" class='bodcolors' style='word-break:break-all ;'><span v-money>{{r.payAmount}}</span></p>
							</view>
						</view>
					</template>
				</Expandlist>
			</view>
		</view>
		<view style="height: 120rpx;"></view>
	</view>
</template>

<script>
	export default {
		components: {},
		data() {
			return {
				list1: [{
						name: '基本信息',
					},
					{
						name: '项目信息'
					},
					{
						name: '子项目明细'
					},
				],
				cellshow: true,
				addlist: [{
						tit: '单据编号',
						val: 'billNo'
					},
					{
						tit: '申请人',
						val: 'userDesc'
					},
					{
						tit: '工号',
						val: 'userId'
					},
					{
						tit: '联系电话',
						val: 'phone'
					},
					{
						tit: '立项说明',
						val: 'establishDesc'
					},
				],
				celllist: [{
						tit: '预算年度',
						val: 'budgetYear'
					},
					{
						tit: '科室',
						val: 'subdept'
					},
					{
						tit: '投资大类',
						val: 'investGeneralCategory'
					},
					{
						tit: '投资小类',
						val: 'investSubCategory'
					}
				],
				celllist1: [{
						tit: '项目名称',
						val: 'subProName'
					},
					{
						tit: '提单计划日期',
						val: 'billDate'
					},
					{
						tit: '提单计划金额',
						val: 'billAmount',
						type: 'number'
					},
					{
						tit: '合同计划日期',
						val: 'contractDate'
					},
					{
						tit: '合同计划金额',
						val: 'contractAmount',
						type: 'number'
					},
					// {
					// 	tit: '付款计划日期',
					// 	val: ''
					// },
					// {
					// 	tit: '付款计划金额',
					// 	val: ''
					// },
				],
				//基本信息
				rows: [],
				// 投资预算项目管理
				arrlist: [],
				// 子项目明细
				childlist: [],
				fileNo:[]
			}
		},
		onLoad() {
			 //获取流程页面的流程上下文[实用的流程信息从这里获取]
			  let billNo= window.parent.myvm.wfContext.BusinessKey;
			  this.fileNo = window.parent.myvm.wfContext.BusinessKey;
			  this.getlist(billNo)
		},
		mounted() {
			var that = this;
			window.myvm = that;
			window.$urlFormVue = that;
		},
		methods: {
			//审批和驳回-工作流点击"提交"时触发此函数，返回:空字符串:工作流继续提交，返回"具体错误信息":工作流不提交
			rejectWorkflow(btnDef) {
				return "";
			},
			//作废-工作流点击"作废"时触发此函数，返回:空字符串:工作流继续提交，返回"具体错误信息":工作流不提交
			//content为作废意见
			invalidWorkflow(content) {
				return "";
			},
			//转办-工作流点击"确认转办"时触发此函数，返回:空字符串:工作流继续提交，返回"具体错误信息":工作流不提交
			//opinion:转办意见
			referredWorkflow(opinion) {
				return "";
			},
			//校验-工作流点击"提交"时触校验函数，返回:true校验通过，false校验不通过；
			//也可以返回具体的错误信息：空字符串，校验通过，返回具体错误信息校验不通过，同时弹出具体的错误信息。
			validateWorkflowForm(btnDef,callback) {
				callback("");
			},
			//提交单据
			sendWorkflow(btnDef, callback) {
				callback("");
			},
			getlist(billNo) {
				let _this = this
				const params = {
					billNo
				}
				_this.$lyRequest.get('/gateway/budget/mp/dbsap/investEstablish/queryDetail.do',
					params
				).then((result) => {
					if (result.success) {
						this.projectList(result.data.rows)
					} else {
						console.log(result.data.msg)
					}
				})
			},
			projectList(rows){
				this.rows = rows
				this.arrlist = rows.investEntity
				this.childlist = rows.subInfoEntityList
			},
			checkbtn(item) { //切换tabs
				switch (item.index) {
					case 0:
						this.commonApi.goAnchor('add_one')
						break
					case 1:
						this.commonApi.goAnchor('add_two')
						break
					case 2:
						this.commonApi.goAnchor('add_three')
						break
				}
			},
		}
	}
</script>

<style scoped lang="scss">

	view {
		font-family: pf;
	}

	.bodcolor {
		span {
			color: #ff6400;
			font-size: 36rpx;
			padding-right: 20rpx;
		}

		label {
			color: #ff6400;
		}
	}

	.custom-styles {
		padding: 20rpx 30rpx;
		width: 300rpx;
		height: 100rpx;
	}

	.custom-style {
		padding: 20rpx 30rpx;
		width: 300rpx;
		height: 100rpx;
		background-color: #007aff;
	}
</style>
